<template>
	<view class="content">
		<!-- <view style="width: 100%; height: 80rpx; border: none; display: flex; justify-content: space-between; align-items: center; background-color: #fa341b">
			<view style="margin-left: 20rpx; color: #ffffff" @click="fanhui"><uni-icons style="color: #ffffff" type="arrowleft" size="30"></uni-icons></view>
			<view style="color: #ffffff; font-size: 30rpx; font-weight: 800; margin-right: 290rpx">任务详情</view>
		</view> -->
		<view class="kkk"></view>
		<view class="too">
			<!-- <view class="too_a" @click="shoji">
				<p>修改手机号</p>
				<image src="../../../static/me_right.png"></image>
			</view> -->
			<view class="too_a" @click="chgPwd">
				<p>修改密码</p>
				<image src="../../../static/me_right.png"></image>
			</view>
			<!-- 	<view class="too_a" @click="platformAgreement">
				<p>平台协议</p>
				<image src="../../../static/me_right.png"></image>
			</view> -->
		</view>
		<view class="tui" @click="tuichu">退出登录</view>
		<!-- <image src="../../../static/qr.png" mode=""></image> -->
		<!-- <image src="../../../static/qr.png" mode=""></image> -->
		<!-- <image src="../../../static/qr.png" mode=""></image> -->
	</view>
</template>

<script>
import uniIcons from "../../../components/uni-icons/uni-icons.vue";

export default {
	components: { uniIcons },
	data() {
		return {};
	},
	onLoad() {
		// uni.setNavigationBarColor({
		// 	frontColor: '#ffffff',
		// 	backgroundColor: '#FE3548',
		// 	animation: {
		// 		duration: 400,
		// 		timingFunc: 'easeIn',
		// 	},
		// });
	},
	methods: {
		chgPwd() {
			uni.navigateTo({
				url: "../dengli/wanjimima",
			});
		},
		platformAgreement() {
			uni.navigateTo({
				url: "./xieyi",
			});
		},
		shoji() {
			wx.navigateTo({
				url: "./xg_shiji",
			});
		},
		tuichu() {
			wx.navigateTo({
				url: "../dengli/deng",
			});
		},
	},
};
</script>

<style lang="scss" scoped>
.content {
	width: 100%;
	height: 100vh;
	background-color: #f5f8fd;
}
.kkk {
	width: 100%;
	height: 20rpx;
}
.too {
	width: 690rpx;
	//height: 264rpx;
	margin-left: 30rpx;
	background-color: #ffffff;
	border-radius: 10rpx;
	.too_a {
		width: 650rpx;
		margin: auto;
		height: 88rpx;
		display: flex;
		justify-content: space-between;
		border-bottom: 1rpx solid #f5f5f5;
		align-items: center;
		image {
			width: 12rpx;
			height: 22rpx;
			margin-right: 20rpx;
		}
		p {
			width: 200rpx;
			height: 88rpx;
			line-height: 88rpx;
		}
	}
}
.tui {
	width: 690rpx;
	margin-left: 30rpx;
	height: 80rpx;
	background-color: #fe3548;
	font-size: 32rpx;
	font-weight: bold;
	line-height: 80rpx;
	color: #ffffff;
	text-align: center;
	border-radius: 10rpx;
	margin-top: 32rpx;
}
</style>
